    <template>
    <div class="mine">
        <header><img src="../../assets/assets/头部.png" alt=""></header>
        <div class="user1">
            <div class="pic"></div>
        </div>
        <div class="user2">
            <p>我的钱包 ></p>
            <router-link to="/address">
                <p>我的地址 ></p>
            </router-link>
            <p>客服与帮助 ></p>

        </div>

    </div>






    <Docker />
</template>

<script setup>
import Docker from '../../components/Docker.vue';


</script>

<style lang="scss" scoped>
.mine {
    width: 100%;
    height: 6.2rem;

    header {
        width: 3.75rem;
        height: .2rem;
        background-color: aliceblue;
        margin-bottom: .88rem;
    }

    .user1 {
        width: 3.39rem;
        height: 2.03rem;
        // background-color: antiquewhite;
        margin: 0 auto;
        box-shadow: 0px 5px 15px gray;
        border-radius: 10px;

        .pic {
            width: .94rem;
            height: .94rem;
            background-color: aliceblue;
            margin: 0 auto;
            border-radius: 50%;
            position: relative;
            top: -.52rem;
        }

    }

    .user2 {
        width: 3.39rem;
        height: 1.46rem;
        // background-color: antiquewhite;
        margin: 0 auto;
        margin-top: .16rem;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        box-sizing: border-box;
        padding: .17rem;
        box-shadow: 0px 2px 15px gray;
        border-radius: 10px;



        p {
            width: 3.39rem;
            font-size: 14px;
            font-weight: bold;

        }
    }
}
</style>